.body-class {
    width: 100%;
    height: 700px;
    position: relative;

    /* 颜色在下，图片在上 */
    background: linear-gradient(135deg, rgba(239, 236, 236, 0.8), rgba(18, 17, 17, 0.8));
    background-size: cover; /* 确保图片覆盖整个区域 */
    background-position: center; /* 居中对齐 */
    background-repeat: no-repeat; /* 防止图片重复 */

    /* 图片在渐变背景之上 */
    background-image: url('@/assets/images/image.png'), 
                      linear-gradient(135deg, rgba(239, 236, 236, 0.8), rgba(18, 17, 17, 0.8));

    /* 添加一些装饰性效果 */
    border-radius: 10px; /* 圆角 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* 阴影效果 */

    /* 动画效果（可选） */
    transition: transform 0.3s ease-in-out;
}

/* 悬浮效果（可选） */
.body-class:hover {
    transform: scale(1.02); /* 放大一点点 */
}